約 4,800,073 件
https://w.atwiki.jp/webdesignmemo/pages/32.html
関連トピックス 【CSS】ブラウザのスタイルをリセットするスタイルシート集 | コリス CSSNite in Nagoya 2007 極力ハックしない CSS by 山田あかね(purprin) 役立つサイト CSSレイアウト実践講座 とほほのスタイルシート入門 Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト サンプルダウンロードのページが参考になる。 CSS HappyLife CSS-EBLOG CSSめっちゃ不器用やねん リンク名 memo リセット CSS(2009.02.07の時点+コメントで説明つき) Yahoo! UI Library /* 各要素のmargin.paddingの正規化 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin 0; padding 0; } /* tabel要素のセルのボーダーとボーダーの間隔を0に */ table { border-collapse collapse; border-spacing 0; } /* fieldsetやimg要素のボーダーを削除 */ fieldset,img { border 0; } /* font-styleやfont-weightプロパティの正規化 */ address,caption,cite,code,dfn,em,strong,th,var { font-style normal; font-weight normal; } /* ol、ul要素のlist-styleを削除 */ ol,ul { list-style none; } /* captionやth要素を左揃えに */ caption,th { text-align left; } /* 見出し要素のフォントサイズ、太さの正規化 */ h1,h2,h3,h4,h5,h6 { font-size 100%; font-weight normal; } /* q要素の引用マークを削除 */ q before,q after { content ; } /* 略語のボーダーを削除 */ abbr,acronym { border 0; } タグの順番 /* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http //mozilla.org/contribute/writing/markup ) */ /* Suggested order * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */ 名前 コメント
https://w.atwiki.jp/battler/pages/2396.html
詳細不明。 いつからか本家のバトルロイヤルＲに姿を現した，謎のプレイヤー。 現在の持ちキャラは下記のみ確認されている。 Mr.killer 放浪のyesman zion dopingman bobson JUGGLER presi 【作者記入欄】 その実態は…ただのパチ好き。 同じキャラを１週間ほど連続して登録する傾向がある。（ただセリフとかを入力するのが面倒なだけ）
https://w.atwiki.jp/api_programming/pages/112.html
下位ページ Content 色好きな色のグラデーションをCSSで表現してくれるサイト「Blend」 - lifehacker.jp スイススタイルの色が手に入るサイト「Swiss Style Color Picker」 - lifehacker.jp 人気のある配色パターンが探せるサービス「PLTTS」 - lifehacker.jp 指定した画像に使われている色からカラーパレットを作るサイト「ColorFavs」- lifehacker.jp 4色で構成された配色パターンを集めたサイト「LOL Colors」 ランダムにさまざまな色を提案してくれるサイト「Colovely」 http //www.lifehacker.jp/2016/05/160526color_scheme.html 指定した条件からカラースキームを提案してくれるサービス「Color Schemr」 色 CSS色見本 配色 - http //www.uipalette.net/ 好きな色のグラデーションをCSSで表現してくれるサイト「Blend」 - lifehacker.jp Blend スイススタイルの色が手に入るサイト「Swiss Style Color Picker」 - lifehacker.jp swiss style color picker 人気のある配色パターンが探せるサービス「PLTTS」 - lifehacker.jp http //pltts.me/ 指定した画像に使われている色からカラーパレットを作るサイト「ColorFavs」- lifehacker.jp colorfabs 4色で構成された配色パターンを集めたサイト「LOL Colors」 Lol Colors ランダムにさまざまな色を提案してくれるサイト「Colovely」 colovely http //www.lifehacker.jp/2016/05/160526color_scheme.html https //dribbble.com/colors/c74b16 http //designspiration.net/ 指定した条件からカラースキームを提案してくれるサービス「Color Schemr」 http //colorschemr.com/
https://w.atwiki.jp/htmlwiki/pages/15.html
ez-html プレビュー機能がついていて、コードの補佐を行ってくれるソフト。 現在(2009年8月)も開発が進んでいます。これを使って作業をしていきます。
https://w.atwiki.jp/nicepaper/pages/352.html
bootstrapのHTML整形。3月21日記事 目次 ひな形 CDN CSS CSS JavaScript ひな形 !DOCTYPE html html lang="ja" head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-width, initial-scale=1" !-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -- title ここにタイトル /title !-- Bootstrap -- link href="css/bootstrap.min.css" rel="stylesheet" !-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -- !-- WARNING Respond.js doesn t work if you view the page via file // -- !--[if lt IE 9] script src="https //oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" /script script src="https //oss.maxcdn.com/respond/1.4.2/respond.min.js" /script ![endif]-- /head body !--ここにコンテンツ記述-- !-- jQuery (necessary for Bootstrap s JavaScript plugins) -- script src="https //ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" /script !-- Include all compiled plugins (below), or include individual files as needed -- script src="js/bootstrap.min.js" /script /body /html CDN CSS !-- Latest compiled and minified CSS -- link rel="stylesheet" href="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" CSS !-- Optional theme -- link rel="stylesheet" href="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous" JavaScript !-- Latest compiled and minified JavaScript -- script src="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous" /script
https://w.atwiki.jp/hoi4modtukuritai/pages/39.html
テキストエディタ
https://w.atwiki.jp/whoone/pages/4.html
リンク HTMLクイックリファレンス http //www.htmq.com/index.htm HTML5ゲームフレームワーク http //blog.verygoodtown.com/2011/02/limejs-html5-game-framework/ HTML5でゲーム作成 http //cnut1024.wiki.fc2.com/ SEO対策 http //seo.acnf.org/ http //www.d3.dion.ne.jp/~jkondou/hp/css_seo.html G123、事前受付登録中の「クイーンズブレイドリミットブレイク」にてAmazonギフト券が当たるフォロー&RTキャンペーン開催 - ASCII.jp HTML5 プロフェッショナル 認定試験 レベル1 想定問題 一覧 (1) - マイナビニュース [実力試し] HTML5 プロフェッショナル 認定試験 レベル2 想定問題 一覧 (1) - マイナビニュース HTML5ベースのMMORPG「MAD WORLD」のαテストが実施中。PCブラウザですぐに参加可能 - 4Gamer.net W3C／HTML5からWHATWG／Living Standardへ、Web発展史をひもとく - ITpro 「Macでリモートアクセス」に対応、Windows 365やシン・テレワークシステムHTML5版の魅力 | ボクシルマガジン - Beyond（ビヨンド） 「シン・テレワークシステム」にHTML5版 ～MacやChromebookからもWindowsをリモート操作可能に - 窓の杜 拡張機能が動かなくなるかも？ 「Google ドキュメント」がHTML5 Canvasベースのレンダリングへ移行 - 窓の杜 新作HTML5ゲーム「邪神ちゃんドロップキックねばねばウォーズ」が配信開始。レアリティS“水着ぴの”がもらえる初心者ミッションを開催中 - 4Gamer.net AWS Elemental MediaLive が HTML5 モーショングラフィックスオーバーレイのサポートを開始 - amazon.com HTML5ベースのモダンブラウザーからリモート操作が可能に、「TeamViewer」にWebクライアント - 窓の杜 GMOメディア：HTML5ゲームプラットフォーム「ゲソてん byGMO」、「楽天ポイントモール」の利用者に向け38タイトルを提供開始 - PR TIMES 第4回専門学校 HTML5作品アワード、受賞作品の発表 - valuepress HTML5に完全対応 アドビ社製Webセミナーシステムの最新バージョン『AdobeConnect11』を提供開始 - アットプレス（プレスリリース） GMOメディア：HTML5ゲームプラットフォーム「ゲソてん」、ゲームコンテンツ提供先の20媒体において「PayPay」決済に対応 - PR TIMES HTML5ベースの韓国産2D MMORPG「MAD WORLD」の最新画像とムービーが公開 - 4Gamer.net Flashを使用している企業に朗報！Flashを簡単にHTML5で再生可能にするサービス『JswfPlayer』Ver2がリリース！ - PR TIMES SL ジャパン、HTML5 に対応した監視制御システム (DCS/SCADA) 向け SL-GMS Web/Developer 新製品をリリース - valuepress HTML5ゲーム「八男って、それはないでしょう！アンサンブルライフ」の正式サービスが本日開始。テレビアニメ版がベースの放置型MMORPG - 4Gamer.net TVアニメの新作HTML5ゲーム『八男って、それはないでしょう！-アンサンブルライフ』本日より正式リリース！記念イベント絶賛開催中！ - PR TIMES アスキーゲーム ガンダムRPG『SDガンダムオペレーションズ』がHTML5軽量化アップデートを実施！ - ASCII.jp 神社経営シミュレーション「かみてる」がHTML5ゲームプラットフォームOhSECHIで配信開始 - 4Gamer.net 人気TVアニメの新作HTML5ゲーム『八男って、それはないでしょう！-アンサンブルライフ-』事前登録受付開始！ - PR TIMES 文系でもできる！HTML５とCSS3の超らくらく入門講座 2020年版 - PR TIMES YouTubeがFlashを排除し、HTML5の最後の障害を取り除いた - 週刊アスキー - 週アスPLUS バンナム、HTML5ゲームの「enza」運営元を完全子会社化 ドリコム保有株買い取り - ITmedia G123で新作HTML5ゲーム『セルリアンホライズン』正式リリース！事前登録報酬は28日にプレゼント！ - PR TIMES GMOメディア：HTML5ゲームプラットフォーム「ゲソてん」、ポイントサイト「モッピー」に『ゲゲゲの鬼太郎 妖怪横丁』など20タイトルを提供開始 - PR TIMES シンプルで安価なマルチデバイス対応HTML5デジタルカタログ制作サービスを提供開始 - PR TIMES スマホゲーム開発者向け書籍「HTML5 ゲーム開発の教科書」が9月中旬に発売 - 4Gamer Adobe FlashをHTML 5で代替するPixi.jsがWebGLを新たにサポート、クロスプラットフォームとインタラクティブアプリに対応 - InfoQ Japan HTML5版「刀剣乱舞」をサポートした「とうらぶキャプ」v2.0.0が公開 - 窓の杜 HTML5ゲームポータル「楽天ゲームズ」終了 2年で幕 - ITmedia NEWS HTML5ゲーム『ガールズ＆クリーチャーズ』ホワイトデーイベント開催！期間限定キャラクターを解禁！ - PR TIMES HTML5ゲームプラットフォームをてがけるLiberappは「HTML5 スマホゲーム業界カオスマップ（2019β）」を公開しました - PR TIMES Liberappが「HTML5 スマホゲーム業界カオスマップ（2019β）」を公開 - 4Gamer.net スマートニュース、優れたHTML5技術を持つ『Tombo, Inc.』を買収 - PR TIMES HTML5 GameCreatorというコミュニティー＆ミートアップをはじめます - PR TIMES あなたはどっちサイドを選ぶ？G123新作HTML5ゲーム『ガールズ＆クリーチャーズ』正式リリース！ - PR TIMES 「Webは次のギアにシフトしている」〜HTML5 Conference 2018 基調講演レポート：レポート - Gihyo Jp HTML5ベースで描画速度が向上、BIダッシュボードの最新版 - ＠IT MONOist 時空を超えて、世界を救え！新作HTML5ゲーム『ナイトメアクロノス』事前登録受付開始！ - PR TIMES 国内最大級のHTML5ゲームサービス「G123.jp」が本日10月4日(木)オープン！ - PR TIMES 国内最大級のHTML5ゲームサービス「G123.jp」オープン！新たなゲームプラットフォーム誕生・10月は新作ゲーム3本登場 - アットプレス 技術の進化に左右されないWebサイトの作り方がわかる、プロを目指す人のための入門書『HTML5＋CSS3の新しい教科書 改訂新版 基礎から覚える、深く理解できる。』発売 - PR TIMES 「艦これ」Flash→HTML5に 大規模メンテスタート - ITmedia 「艦隊これくしょん -艦これ-」がHTML5ベースに移行。8月15日11：55から3日がかりの大規模なメンテナンスを実施 - 4Gamer.net LINE上でHTML5ゲームが遊べる「LINE QUICK GAME」 たまごっち、ナンプレも - ITmedia HTML5ゲームにもeスポーツの熱狂を。 Liberappに観戦APIとデモゲームを追加 - PR TIMES BXD、HTML5プラットフォーム名称を「enza」に--新作ゲーム3タイトルを体験 - CNET Japan バンナム、HTML5活用の新作ゲーム「アイドルマスター シャイニーカラーズ」発表 - CNET Japan HTML5アプリプラットフォームのスタートアップ企業「Liberapp」設立と増資および仮想通貨「リベリウム」でICO検討開始のお知らせ - PR TIMES 株式会社レコム、HTML5ゲーム【iKON COLLECTION HIDDEN CATCH】のセールイベントを開催! - PR TIMES 株式会社レコム、レコム、HTML５ゲーム市場に挑戦! - PR TIMES HTML5を巡るGoogle、Apple、Microsoftの戦略の歴史 - ITmedia 【黒川塾51】HTML5ゲームとクラウドゲームでゲームコンテンツはどうなる？ - Game Deets 「BXD」が狙うHTML5活用ブラウザゲームの需要--ファミスタ、アイマス新作を投入 - CNET Japan コレ1枚で分かる「HTML5（2） マルチデバイス時代のアプリケーションプラットフォーム」 - ITmedia HTML5の機能をどこまで活かせるか--新日鉄住金ソリューションズの「hifive」で実現できること - ログミー 「Google Chrome 56」が正式版に。HTML5デフォルト化がすべてのユーザーを対象に開始 - 窓の杜 「Google Chrome」のHTML5デフォルト化が開始。脱Flashの流れが加速 - 窓の杜 Chromeブラウザの“Flash→HTML5デフォルト化”完了は2017年10月 Googleがロードマップ発表 - ITmedia あきらめていたFLASHありませんか？HTML5変換サービスのご案内 - PR TIMES HTML5はこれからのWindowsか？、普遍的なアプリケーションの普遍的な開発/利用ベースとして - TechCrunch Japan Google Chrome、Flashに代わってHTML5をデフォルトに - ITmedia モバイルファーストを牽引する HTML5によるハイブリッドアプリ - ZDNet Japan 5分でわかるActiveReports帳票－HTML5ビューワ (1/4)：CodeZine（コードジン） - CodeZine HTML5ベースのデスクトップクライアント：TechTargetジャパン用語事典 - TechTargetジャパン 仮想化 - TechTargetジャパン HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは - CodeZine FirefoxブラウザとWebの技術ですぐ作れる！ HTML5で手軽にFirefox OSアプリ開発 - CodeZine YouTube、デフォルト動画プレーヤーを「Flash」からHTML5ベースに変更 - CNET Japan YouTube、メイン再生プレーヤーをFlashからHTML5にようやく移行 - ITmedia YouTube、従来のFlashに代わってHTML5をデフォルトに - AV Watch ついに正式勧告--「HTML5」を使いこなすには何が必要か - builder by ZDNet Japan - ZDNet Japan HTML5がW3C勧告に、15年ぶりの大改訂 - ASCII.jp 「HTML5でスマホとクルマを簡単につなぐ」――韓国Obigo社のハンCEOインタビュー - business network.jp HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」 - CodeZine 広告のHTML5化加速か、Googleがインタラクティブ広告制作ツール「Google Web Designer」を無料提供 【増田 @maskin】 - TechWave（テックウェーブ） #WAVE サンプルで学ぶHTML5の仕様変更要素・後編 (1/3) - ASCII.jp HTML5は5.0へ、2016年にはHTML 5.1も登場か - ASCII.jp Flashを使わない3D絵本の作り方、HTML5/CSS3時代のコンテンツ作りについての雑感 【増田 @maskin】 - TechWave（テックウェーブ） #WAVE HTML5で作るスマホWebアプリ開発チュートリアル(3) HTML5ならではのグラフィックスを実現する「canvas」 - マイナビニュース Cloud SQLとHTML5のWeb Storageで高速仕訳入力 - CodeZine HTML5によるアニメーション作成を容易にする「Adobe Edge」 - builder by ZDNet Japan - builder HTML5のタグに対応したHTMLエディター「Crescent Eve」v0.86が公開 - 窓の杜 50代でも分かったHTML5の基礎知識 - ASCII.jp 3分でわかるHTML5のコンテンツモデルとカテゴリー (1/3) - ASCII.jp Google、Chrome立ち上げ3周年でHTML5のインフォグラフィックを公開 - ITmedia XHTML1.0とHTML5の違いをスタバのページで紹介 (1/6) - ASCII.jp Google、FlashをHTML5に変換するツール「Swiffy」を公開 iOSにも対応 - ITmedia 第512回：HTML5 とは - ケータイ Watch HTML5で注目！インラインSVGの使い方 (1/5) - ASCII.jp W3C、HTML5ロゴを発表 - ITmedia W3C、HTML5ロゴを発表--HTML5推進を目指す - CNET Japan iOS向けゲームが15分で開発できる、高速HTML5ゲームエンジン「IMPACT」登場 【増田(@maskin)真樹】 - TechWave（テックウェーブ） #WAVE HTML5が注目を浴びる理由とは？ ここが違う！サンプルで見るHTML5（1） - CodeZine AppleがiPad/iPhoneでも見られるHTML5ショーケースを公開 (追記あり)【@maskin】 - TechWave（テックウェーブ） #WAVE HTML5は安全か？ 開発者が留意すべきセキュリティ問題 - ITmedia Google、HTML5へのシフトで「Gears」終了へ - ITmedia YouTube、HTML5動画プレーヤーをテスト公開 - ITmedia
https://w.atwiki.jp/emeditor/pages/102.html
HTML整形 選択中のHTMLを整形するマクロです。 PerlScriptで動作します。 （jsee,vbeeなど、ほかの言語への移植歓迎します。） 2006.11.10 対応タグを大幅に増やしました。 #language="PerlScript" my $src = $Window- document- selection- Text; my ($indent) = $src =~ /^([ \t]+) /g; $indent =~ s/\t/ /g; $indent = ( length $indent ) / 2; $src =~ s/\x0D\x0A/\n/g; $src =~ tr/\x0D\x0A/\n\n/; my (@rep); map { $src =~ s/($_)/{push @rep, $1;"replaceEmMacro[$#rep]"}/eigs; } ( q{ SCRIPT.*? \/SCRIPT }, q{ PRE.*? \/PRE }, q{ STYLE.*? \/STYLE }, q{ EMBED.*? \/EMBED }, q{ TEXTAREA.*? \/TEXTAREA }, q{ \!\-\-.*?\-\- }, ); map { $src =~ s/[ \t]*( $_.*? )\s*/$1\n/gsi } ( \!DOCTYPE , HTML , HEAD , META , LINK , BODY , TABLE , TBODY , COL , TR , FORM , SELECT , BR , HR , CENTER , FRAMESET , FRAME , MAP , NOSCRIPT ); map { $src =~ s/[ \t]*( $_.*? )\s*/$1/gsi } ( TH , TD ); map { $src =~ s/[ \t]*( \/$_ )\s*/$1\n/gsi } ( HTML , HEAD , TITLE , BODY , TABLE , TBODY , TR , TH , TD , FORM , SELECT , OPTION , P , h\d , CENTER , DIV , FRAMESET , FRAME , MAP , UL , LI , NOSCRIPT ); map { $src =~ s/[ \t]*( $_.*? )/\n$1/gsi } ( TABLE , P , h\d , DIV , INPUT , FRAMESET , MAP , UL , LI ); $src =~ s/^[ \t]+//gm; $src =~ tr/\n//s; my $output; for my $line ( split( /\n/, $src ) ) { if ( $line =~ / (TABLE|TBODY|TR|FRAMESET|MAP|UL)/i ) { # $output .= " " x $indent; $indent++; } elsif ( $line =~ / \/(TABLE|TBODY|TR|FRAMESET|MAP|UL)/i ) { # $indent--; $output .= " " x $indent; } else { $output .= " " x $indent; } $output .= "$line\n"; } for my $i ( 0 .. $#rep ) { my $j = $#rep - $i; $output =~ s/replaceEmMacro\[$j\]/$rep[$j]/e; } $Window- document- Write($output); 名前 コメント
https://w.atwiki.jp/api_programming/pages/48.html
下位ページ フォント・テキスト フォーム(Form) レイアウト レスポンシブデザイン 画像 色 Content リンク form CSS適用の優先順位 CSSのコメントアウト モバイルサイト用の表示CSS jQuery Mobile 画像のフィルタ 表表をつくる 行をつくる 列をつくる左寄せ、センタリング、右寄せ 要素の表示、非表示 ポップアップ風のメニューを仕込む（主にcssで） エラー時のステータスコード 流行りのUIをコード付きで紹介 ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 ロゴのジェネレータ Instagram風の写真加工ができるCSSライブラリ「CSSGram」 簡易なチャートグラフを手軽に描けるサイト「BEAM」 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 HTMLクイックリファレンス ★スタイルシートリファレンス（目的別） - HTMLクイックリファレンス リンク 新しいウィンドウ（タブ）で開く a href="~" target="_blank" /a form FORM - HTMLクイックリファレンス CSS 適用の優先順位 全体に適用されるものと局所に適用される者では、局所に適用されるものが優先される。#xyz p p#xyz #xyz 上書きされるので、最後に読み込まれたものが適用される。 強制的に優先順位を上げるには !important を付ける p {color red !important;} /*この値が最優先されて有効となる*/ スタイルの優先順位 - HTML クイックリファレンス CSSのコメントアウト /* コメントアウト */ // は使えない（認識する場合もあるらしい） http //monopocket.jp/blog/css/1278/ モバイルサイト用の表示CSS jQuery Mobile Javascript/jQuery Mobile 画像のフィルタ http //migo-media.com/css-filter/ 表 a aa aaa b bb bbb TABLE - ★HTMLタグリファレンス 行をつくる→行の中に列をつくる table tr th ... /th td ... /td /tr tr th ... /th td ... /td /tr /table 表をつくる table ... /table 行をつくる tr ... /tr 列をつくる tr td ... /td /tr 左寄せ、センタリング、右寄せ td align="right" } 要素の表示、非表示 タグはあるけれど、表示はされない、という状態をつくる visiblity display 非表示・使用不可 visiblity - HTMLクイックリファレンス（スタイルシートリファレンス） display - HTMLクイックリファレンス（スタイルシートリファレンス） ポップアップ風のメニューを仕込む（主にcssで） メニューボタン（メニューアイコン）にポップアップルメニューとなるdiv要素を仕込んでおく。そのdiv要素は普段は display none を設定しておく。（もしくはjavascript等でクリックしたときに生成するようにしておく） クリックしたら display block（とか） で表示させる。この時、 レイアウトを崩さないように、position absolute（メニューボタン位置に連動させるなら、親にposition relaltiveも）を仕込む z-index を設定して、他の要素より前に出す。 親要素に overflow hidden が設定してると、親の枠外に飛び出せなくなる。 ので注意する。 エラー時のステータスコード HTTPステータスコード - Wikipedia 流行りのUIをコード付きで紹介 CodeMyUI.com - http //codemyui.com/ ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 http //inspirationui.com/ ロゴのジェネレータ http //girlsnet.ninpou.jp/logo.html Instagram風の写真加工ができるCSSライブラリ「CSSGram」 http //una.im/CSSgram/ 簡易なチャートグラフを手軽に描けるサイト「BEAM」 BEAM 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 iconshock
https://w.atwiki.jp/naobe/pages/67.html
WEBアプリケーションに戻る タグ http //www.htmq.com/html/index.shtml 参照 radioタグとcheckboxタグ radioタグは１個選択可能。checkboxは複数選択可能 form action="/DynamicWEB/ShowDate" input type="checkbox" name="aaa" AAA br input type="checkbox" name="bbb" BBB br input type="checkbox" name="ccc" CCC br input type="submit" br /form 上記のリクエストは以下 ShowDateServlet start. key aaa, val[0] on key ccc, val[0] on 配列にする意味がないような。しかしこれが一般的な使い方でしょう。 配列を有効に活用するには以下の形式。 form action="/DynamicWEB/ShowDate" input type="checkbox" name="key" value="AAA" AAA br input type="checkbox" name="key" value="BBB" BBB br input type="checkbox" name="key" value="CCC" CCC br input type="submit" br /form 上記のリクエストは以下 key key, val[0] AAA key key, val[1] BBB diabled属性 HTML4.01では、inputタグ、TextAreaタグで使用可能。 divで画面を分割 head style type="text/css" #container{width 750px;text-align left;margin 0px auto;} #header{width 750px;margin 0px 0px 15px 0px;} !-- float 回りこみを許す -- #content{float left;width 590px;} #sidebar{float right;width 150px;padding 0px 0px 0px 10px;} !-- clear 回りこみを解除する -- #footer{clear both;width 750px;margin 15px 0px 15px 0px;} /style /head body div id="container" div id="header" ここがヘッダー /div div id="content" ここがコンテンツ /div div id="sidebar" ここがサイドバー /div div id="footer" ここがフッター /div /div /body 用語 項目 説明 備考 インライン要素 前後で改行されない ブロック要素 前後で改行される